<template>
<!--顶部的卡片-->
  <!--        销售额-->
  <el-card>
    <el-row>
<!--      标题-->
      <el-col :span="22" class="title"><slot name="title"></slot></el-col>
      <el-col :span="2"><i class="tip">&#xe617</i></el-col>
    </el-row>
<!--    数量-->
    <el-row><h1><slot name="number"></slot></h1></el-row>
<!--    主体结构-->
    <slot name="main"></slot>
<!--    底部数据-->
    <slot name="footer"></slot>
  </el-card>
</template>

<script>
export default {
  name: "TopCard"
}
</script>

<style scoped>
.title {
  font-size: 14px;
  color: #7d7b7b;
}

.tip {
  font-style: normal;
  font-family: 'iconfont';
  color: #7d7b7b;
  font-size: 14px;
  font-weight: 700;
}


.day {
  font-size: 15px;
}

h1 {
  margin: 0;
  padding: 0;
  font-weight: 400;
}
.topChart {
  width: 100%;
  height: 55px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 8px;
}
</style>
